<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="../common/jsptag.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="keywords" content="${systemParamMap["sitekey"].paramValue}" />
        <meta name="description" content="${systemParamMap["sitedesc"].paramValue}" />
        <meta name="author" content="${systemParamMap["siteauthor"].paramValue}" />
        <title>${systemParamMap["sitetitle"].paramValue}</title>
        <link rel="ShortcutIcon" href="favicon.ico" type="image/x-icon" />
        <link rel="Bookmark" href="favicon.ico" />
        <link href="<%=request.getContextPath() %>/css/main.css" type="text/css" rel="stylesheet" />
        <link href="<%=request.getContextPath() %>/css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
        <script src="<%=request.getContextPath() %>/js/main.js" type="text/javascript"></script>
        <script src="<%=request.getContextPath() %>/js/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="<%=request.getContextPath() %>/js/jquery.autocomplete.min.js" type="text/javascript"></script>
        <script src="<%=request.getContextPath() %>/js/common.js" type="text/javascript"></script>
        <script src="<%=request.getContextPath() %>/js/video_list.js" type="text/javascript"></script>
	</head>
    <body>
	    <div id="main">
	        <jsp:include page="../header.jsp"></jsp:include>

		    <div class="main">
        	    <div class="height1">&nbsp;</div>
          	    <div class="w290 fl mb10">
			    <div class="nav_box mb10">
    				<div class="nav_box2_t">
					    <div class="nav2_t_m"><div class="nav_title1"><font class="fot2">种类</font></div></div>
					    <div class="nav2_t_l"></div>
					    <div class="nav2_t_r"></div>
				    </div>
				    <div class="nav_box2_m">
                        <div class="box_type">
                            <ul>
                                <c:forEach items="${filmTypeList}" var="filmType">
                                    <li>
                                        <a href="javascript:void(0);" onclick="javascript:dynamicFilmTypeSubmit('1', '${filmType.filmTypeId}');">
                                            ${filmType.typeName}
                                        </a>
                                    </li>
                                </c:forEach>
                            </ul>
                            <div class="nofloat"></div>
                        </div>
				    </div>
                    <div class="nav_box2_b">
                        <div class="nav2_b_m"><div class="nav_box_bl1"></div></div>
                        <div class="nav2_b_l"></div>
                        <div class="nav2_b_r"></div>
                    </div>
			    </div>
                 
			    <div class="nav_box mb10">
				    <div class="nav_box2_t">
					    <div class="nav2_t_m"><div class="nav_title1"><font class="fot2">地区</font></div></div>
					    <div class="nav2_t_l"></div>
					    <div class="nav2_t_r"></div>
				    </div>
				    <div class="nav_box2_m">
					    <div class="box_type">
	                        <ul>
                                <c:forEach items="${regionList}" var="region">
                                    <li>
                                        <a href="javascript:void(0);" onclick="javascript:dynamicRegionSubmit('1', '${region.regionId}');">
                                            ${region.regionName}
                                        </a>
                                    </li>
                                </c:forEach>
	                        </ul>
						    <div class="nofloat"></div>
					    </div>
				    </div>
                    <div class="nav_box2_b">
                        <div class="nav2_b_m"><div class="nav_box_bl1"></div></div>
                        <div class="nav2_b_l"></div>
                        <div class="nav2_b_r"></div>
                    </div>
                </div>
                 
                <div class="nav_box">
                    <div class="nav_box2_t">
                        <div class="nav2_t_m"><div class="nav_title1"><font class="fot2">吾爱推荐</font></div></div>
                        <div class="nav2_t_l"></div>
                        <div class="nav2_t_r"></div>
                    </div>
                   
                    <div class="nav_box2_m">
                        <div class="contmain" id="hot_rbt">
	                        <ul class="item_ul_list" >
                                <c:forEach items="${roundFilmList}" var="roundFilm" begin="0" varStatus="round">
                                    <li id="itemSimple_${round.index + 1}c" style="display:${round.index == 0 ? 'none' : 'block'};" onmouseover="showDetail(this,'hot_rbt')">
                                        ${round.index + 1}.&nbsp;${roundFilm.filmName}
                                    </li>
                                    <li class="itemTaila" id="itemDetail_${round.index + 1}c" style="display: ${round.index == 0 ? 'block' : 'none'};">
                                        <div class="img_box">
                                            <a href="javascript:void(0);" onclick="javascript:dynamicPlay('${roundFilm.filmId}');">
                                                <img src="${roundFilm.mimagePath}" width="80" height="60" class="img_bod" />
                                            </a>
                                        </div>
                                        <div class="item_texta">
                                            <h3 class="mytitle">
                                                <a href="javascript:void(0);" onclick="javascript:dynamicPlay('${roundFilm.filmId}');">${roundFilm.filmName}</a>
                                            </h3>
                                            <div class="tatol"><span class="sp1">${roundFilm.playNum}</span><span class="sp2">${fn:length(roundFilm.filmDiscussList)}</span></div>
                                            <div class="tatol">
                                                上映年份: <a href="javascript:void(0);" onclick="javascript:dynamicShowTimeSubmit('1','${roundFilm.showTime}');">${roundFilm.showTime}</a>
                                            </div>
                                        </div>
                                    </li>
                                </c:forEach>
	                        </ul>
	                        <div class="nofloat"></div>
                     </div>
                             
                   </div>                   
                   
                        
                   <div class="nav_box2_b">
                       <div class="nav2_b_m"><div class="nav_box_bl1"></div></div>
                       <div class="nav2_b_l"></div>
                       <div class="nav2_b_r"></div>
                   </div>
               
                 </div>
                 
          </div>
          
                <div class="w700 fr">
                    <div class="nav_box mb10">
                        <div class="nav_box">
                            <div class="video_box1">
                                <ul>
                                    <c:forEach items="${filmList}" var="film">
                                        <li>
                                            <div class="img_box">
                                                <a href="javascript:void(0);" onclick="javascript:dynamicPlay('${film.filmId}');">
                                                    <img src="${film.imagePath}" width="120" height="170" class="img_bod" />
                                                </a>
                                                <c:if test="${fn:length(film.filmPathList) > 3}">
                                                    <span>更新至${film.filmPathList[fn:length(film.filmPathList) - 1].orderNum + 1}集</span>
                                                </c:if>
                                            </div>
                                            <h3 class="title_h3">
                                                <a href="javascript:void(0);" onclick="javascript:dynamicPlay('${film.filmId}');">${film.filmName}</a>
                                            </h3>
                                        </li>
                                    </c:forEach>
                                </ul>
                                <div class="nofloat"></div>
                            </div>
                        </div>
                    </div>


                    <jsp:include page="/page/common/seprate.jsp"></jsp:include>
                </div>
                <div class="nofloat"></div>
            </div>

            <jsp:include page="../footer.jsp"></jsp:include>
		</div>

    </body>
</html>